.font-size-18px {
    font-size: 18px;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.text-align-left {
	text-align: left;
}

.color-ffffff {
	color: #ffffff;
}

.color-B4B4B4 {
	color: #B4B4B4;
}

.color-000000 {
	color: #000000;
}

/* 屏幕最小宽度 */
.min-width-768px {
	min-width: 768px;
}

.width-80 {
	width: 80%;
}

.width {
	width: 100%;
}

.margin-left-10 {
	margin-left: 10%;
}

.background-color-ffffff {
	background-color: #ffffff;
}

.height-250px {
    height: 250px;
}

.margin-top-15vh {
	margin-top: 25vh;
}

.border-right-0 {
	border-right: 0;
}

.border-left-0 {
	border-left: 0;
}

.box-shadow-none {
	-webkit-box-shadow: none;
    box-shadow: none;
}

.height-40px {
    height: 40px;
}

.font-weight-bold {
	font-weight: bold;
}

.color-FFDC01 {
	color: #FFDC01;
}

.font-size-20px {
	font-size: 20px;
}

.font-size-18px {
	font-size: 18px;
}

.text-align-left {
	text-align: left;
}

.margin-top-10px {
	margin-top: 10px;
}

.padding-bottom-50px {
	padding-bottom: 50px;
}

.padding-left-10vh {
    padding-left: 10vh;
}

.margin-top-30px {
	margin-top: 30px;
}

.padding-0 {
	padding: 0;
}

.padding-top-10px {
	padding-top: 10px;
}

.color-333333 {
	color: #333333;
}

.font-weight-bold {
	font-weight: bold;
}

.margin-top-20px {
	margin-top: 20px;
}

.padding-right-0 {
	padding-right: 0
}


body {
  font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;

}
header {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ 

	background: -ms-linear-gradient(left, #2492D7,  #1059AF);        /* IE 10 */

	background:-moz-linear-gradient(left,#2492D7,#1059AF);/*火狐*/ 

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2492D7), to(#1059AF));/*谷歌*/ 

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2492D7), to(#1059AF));      /* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(left, #2492D7, #1059AF);   /*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(left, #2492D7, #1059AF);  /*Opera 11.10+*/

	height: 70px;
}

header img {
	height: 100%;
	padding: 16px;
}

header .downloadapp-a {
	color: #ffffff;
    float: right;
    margin: 26px;
}

header .WeShare {
	font-size: 20px;
	color: #ffffff;
	font-weight: 900;
	padding-top: 10px;
}

.search-form {
	border-radius: 6px;
	/*padding: 10px 40px 10px 40px;*/
	text-align: left;
	height: 230px;
	max-width: 400px;
	margin-top: 15px;
}

.search-form .search-form-div1 {
	border-bottom: 1px solid #D9D9D9;
	padding-top: 5px;
	padding-bottom: 4px;
}

.search-form .search-input  {
	border: none;
	outline: none;
	font-size: 15px;
	color: #000000;
}

.search-form .search-icon {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.download-button {
	outline: none;
	padding: 7px 15px 7px 15px;
	border: 0;
    margin-top: 25px;
    font-size: 14px;
	color: #ffffff;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/ 

	background: -ms-linear-gradient(left, #5CC2FF,  #2F8EFF);        /* IE 10 */

	background:-moz-linear-gradient(left,#5CC2FF,#2F8EFF);/*火狐*/ 

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#5CC2FF), to(#2F8EFF));/*谷歌*/ 

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5CC2FF), to(#2F8EFF));      /* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(left, #5CC2FF, #2F8EFF);   /*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(left, #5CC2FF, #2F8EFF);  /*Opera 11.10+*/

	border-radius: 20px;
}

.bg-img {
    position: fixed;
    z-index: -1;
}

.main-1 {
	background-color: none;
	height: 85vh;
	min-height: 400px;
}

.main-1 .glyphicon {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}

.main-1 .title {
	font-size: 42px;
    line-height: 55px;
}

.main-1 .title_1 {
    line-height: 36px;
 }

.main-1 .search-form .form-title {
	margin-top: 30px;
	margin-bottom: 0;
	color: #0E65B9;
	font-weight: bold;
}

.main-1 .search-form .changeCtiyMassage {
	margin-top: 5px;
}

.main-2 {
	background-color: #ffffff;

	min-height: 600px;

	padding-top: 0;

	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#70BED9,endColorStr=#0C69D5); /*IE 6 7 8*/ 

	background: -ms-linear-gradient(left, #70BED9,  #0C69D5);        /* IE 10 */

	background:-moz-linear-gradient(left,#70BED9,#0C69D5);/*火狐*/ 

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#70BED9), to(#0C69D5));/*谷歌*/ 

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#70BED9), to(#0C69D5));      /* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(left, #70BED9, #0C69D5);   /*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(left, #70BED9, #0C69D5);  /*Opera 11.10+*/

}

.main-2 img {
	width: 100%;
	padding: 95px;
	min-width: 450px;
	max-width: 550px;
}

.main-2 .title {
	font-size: 28px;
    line-height: 40px;
	font-weight: 900;
	margin-top: 180px;
}

.main-2 .content {
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    margin-top: 35px;
}

.download-button-2 {
	outline: none;
	border: 0;
	color: #0065DA;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
	padding: 10px 30px 10px 30px;

	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFF00D,endColorStr=#FFDA00); /*IE 6 7 8*/ 

	background: -ms-linear-gradient(left, #FFF00D,  #FFDA00);        /* IE 10 */

	background:-moz-linear-gradient(left,#FFF00D,#FFDA00);/*火狐*/ 

	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FFF00D), to(#FFDA00));/*谷歌*/ 

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF00D), to(#FFDA00));      /* Safari 4-5, Chrome 1-9*/

	background: -webkit-linear-gradient(left, #FFF00D, #FFDA00);   /*Safari5.1 Chrome 10+*/

	background: -o-linear-gradient(left, #FFF00D, #FFDA00);  /*Opera 11.10+*/
}

.main-3 {
	background-color: #ffffff;
	text-align: center;
}

.main-3 .title {
	margin-top: 55px;
}

.main-3 .title-1{
	margin-top: 20px;
	color: #0E0E0E;
}

.main-3 img {
	margin-top: 20px;
	margin-bottom: 40px;
}

.main-4 {
	background-color: #F4F8FA;
}

.main-4 .title {
	margin-top: 30px;
}

.main-4 img {
	width: 60px;
	border-radius: 35px;
	float: left;
    margin-top: 10px;
}

.main-4 .user-info-div {
	margin-left: 90px;
	height: 80px;
	text-align: left;
	font-size: 20px;
	padding-top: 10px;
}

.main-4 .comment p {
	font-size: 12px;
}


.main-4 .user-info-div p {
	font-size: 16px;
	font-weight: bold;
}




/* 去除input focus 样式 */
.form-control:focus {
    outline: none;
    border-color: #CCCCCC;
    box-shadow: none;
}

footer {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 40px;
	color: #9C9C9C;
	font-weight: normal;
}